﻿<Page
    x:Class="Studio77.AbbLinkLink.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Studio77.AbbLinkLink"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
	<Page.Resources>
		<Style x:Key="MainButtonStyle" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ColorAnimation Duration="0" To="#FFC56300" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Storyboard.TargetName="border" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFFFE2C0" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Storyboard.TargetName="border" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFE83500" Storyboard.TargetProperty="(Border.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="border" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled"/>
									<VisualState x:Name="PointerOver"/>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Focused"/>
									<VisualState x:Name="PointerFocused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Border x:Name="border" BorderBrush="#FFC75A00" BorderThickness="1" CornerRadius="7">
								<Border.Background>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#FFFFF9C0"/>
										<GradientStop Color="#FFE8D300" Offset="1"/>
										<GradientStop Color="#FFC5B300" Offset="0.323"/>
									</LinearGradientBrush>
								</Border.Background>
							</Border>
							<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="ButtonStyleSound" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Pressed"/>
									<VisualState x:Name="Disabled"/>
									<VisualState x:Name="PointerOver"/>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Focused"/>
									<VisualState x:Name="PointerFocused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Image Source="Image/sound.png" Stretch="Fill"/>
							<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="0,0,0,-20" VerticalAlignment="Bottom"/>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="ButtonStyleSoundMute" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Pressed"/>
									<VisualState x:Name="Disabled"/>
									<VisualState x:Name="PointerOver"/>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Focused"/>
									<VisualState x:Name="PointerFocused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="0,0,0,-20" VerticalAlignment="Bottom"/>
							<Image Source="Image/sound_muted.png" Stretch="Fill"/>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</Page.Resources>

    <Viewbox>

		<Grid Background="#FF8F8F8F" Height="768" Width="1366">
			<Image Margin="0" Source="Image/mainback.jpg" Stretch="Fill"/>

			<TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text="Abb英雄联盟连连看" VerticalAlignment="Top" FontSize="89.333" Margin="0,59,0,0" Foreground="Black" FontWeight="Bold"/>
			<StackPanel HorizontalAlignment="Center" Height="560" VerticalAlignment="Center" Width="410" Margin="478,198,478,10">
				<Button x:Name="btnEasyGame" Content="休闲模式" HorizontalAlignment="Center" Height="66" Style="{StaticResource MainButtonStyle}" VerticalAlignment="Top" Width="288" FontSize="32" Foreground="Black" Margin="0,30,0,0"/>
				<Button x:Name="btnNormalGame" Content="挑战模式" HorizontalAlignment="Center" Height="66" Style="{StaticResource MainButtonStyle}" VerticalAlignment="Top" Width="288" FontSize="32" Foreground="Black" Margin="0,30,0,0"/>
				<Button x:Name="btnHardGame" Content="极限模式" HorizontalAlignment="Center" Height="66" Style="{StaticResource MainButtonStyle}" VerticalAlignment="Top" Width="288" FontSize="32" Foreground="Black" Margin="0,30,0,0"/>
				<Button x:Name="btnHelp" Content="游戏帮助" HorizontalAlignment="Center" Height="66" Style="{StaticResource MainButtonStyle}" VerticalAlignment="Top" Width="288" FontSize="32" Foreground="Black" Margin="0,30,0,0"/>
				<Button x:Name="btnExit" Content="退出游戏" HorizontalAlignment="Center" Height="66" Style="{StaticResource MainButtonStyle}" VerticalAlignment="Top" Width="288" FontSize="32" Foreground="Black" Margin="0,30,0,0"/>
			</StackPanel>
			<Button x:Name="btnSound" Content="音效开" Margin="1169,595,69,45" Style="{StaticResource ButtonStyleSound}" FontSize="24" Foreground="Black" Width="128" Height="128"/>
			<Button x:Name="btnSound_Mute" Content="音效关" Margin="1169,595,0,45" Style="{StaticResource ButtonStyleSoundMute}" FontSize="24" Foreground="Black" Width="128" Height="128" Visibility="Collapsed"/>

		</Grid>
	</Viewbox>
</Page>
